<template>
  <div>
    <el-submenu :index="subMenu.path" v-if="subMenu.children">
          <template slot="title">
              <i class="el-icon-location"></i>
              <span>{{subMenu.name}}</span>
            </template>
      <slider-item v-for="li in subMenu.children " :key="li.path" :subMenu="li" ></slider-item>
          
    </el-submenu>
      <el-menu-item :index="subMenu.path" v-else>
          
              {{subMenu.name}}
   
       
        
        </el-menu-item>


  </div>
</template>


<script>
  export default {
    name:'SliderItem',
      props:['subMenu'],
     
     
     
      
  }
</script>

<style  scoped>
.is-active>span{ 
  color:pink;
}
</style>